.emptyInfo {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 50%;
  justify-content: center;
  align-items: center;
  color: rgb(169, 168, 169);
  font-size: smaller;
  position: absolute;

  image {
    width: 100rpx;
  }

  .text {
    padding: 20rpx;
  }
}

.card-item {
  margin: 40rpx 50rpx;
  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 20rpx;
  display: flex;
  flex-direction: column;
  box-shadow: rgba(0, 0, 0, .3) 10rpx 10rpx 30rpx;

  .title {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 10rpx 40rpx;

    .result {
      flex: 3;
      font-weight: bolder;
      color: #fff;
    }

    .acc {
      flex: 1;
      text-align: center;
      vertical-align: middle;
      background-color: #fff;
      font-size: small;
      font-weight: bold;
      padding: 3rpx;
      border-radius: 10rpx;
    }

  }

  .negative {
    background-color: rgb(46, 128, 39);
  }

  .uncertain {
    background-color: #ccca3a;
  }

  .positive {
    background-color: rgb(170, 46, 37);
  }

  .negative-font {
    color: rgb(46, 128, 39);
  }

  .uncertain-font {
    color: #ccca3a;
  }

  .positive-font {
    color: rgb(170, 46, 37);
  }

  .record-vedio {
    display: flex;

    .btns {
      flex: 1;
      margin: 10rpx 10rpx;
      margin-top: 40rpx;

      image {
        width: 100rpx;
        height: 100rpx;
      }
    }

    .progress {
      flex: 4;
      margin: 50rpx 0;

      text {
        margin-left: 20rpx;
        font-size: smaller;
        color: rgb(169, 168, 169);
      }
    }
  }

  .record-time {

    flex: 2.5;
    padding: 5rpx 40rpx;
    font-size: smaller;
    color: rgb(169, 168, 169);

  }
}